@charset "UTF-8";

/*
*******************************************************************************************************
# サイト共通スタイル（SP版）
*******************************************************************************************************
*/

/* ------------------------------------
	* reset
* ------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	width: 100%;
}
th, td {
	font-weight: normal;
	text-align: left;
}
h1, h2, h3, h4, h5, h6, p {
	font-weight: normal;
}
img {
	border: none;
}

/* ------------------------------------
	* base
* ------------------------------------ */
body {
	z-index: 0;
	color: #111;
	background: #ffffff;
	font-family: "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

img {
	vertical-align: middle;
}

a {
	display: block;
	color: #013b96;
	text-decoration: none;
}

button {
	padding: 0;
	border: none;
	left: 0px;
	top: 0px;
	background: none;
}

button:active {
	position: absolute;
}

button, input/*, select*/ {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	-webkit-transform: scale(1.6, 1.6);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* form select */
.mod_select_content select {
	/*-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	font-size: 16px;
	border-style: none;
	color: #111;
	padding: 6px 10px;
	font-weight: normal;
	background: #FFF;
	/*-webkit-transform: scale(1, 1);*/
	position: relative;
	z-index: 5;

	min-height: 38px;
}


/* ------------------------------------
	* container
* ------------------------------------ */
div#containerWrapper {
	background: #e6e8ec;
}

/* ------------------------------------
	* contentHeader
* ------------------------------------ */
div#contentHeader {
}

/* ------------------------------------
	* contentMain
* ------------------------------------ */
div#contentMain {
	background: #ffffff;
}

/* ------------------------------------
	* contentFooter
* ------------------------------------ */
div#contentFooter {
}

/* ------------------------------------
	* placeholder
* ------------------------------------ */
/* 右と下にラインが入るデバイステキストボタン */
.mod_btn_all, .mod_btn_all_s, .mod_btn, .mod_btn_s, .mod_btn_l, .custom_select, .mod_select_content {
	border-width: 2px;
	border-style: solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
	position: relative;
	z-index: 0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
}

.mod_btn_all:before, .mod_btn_all_s:before, .mod_btn:before, .mod_btn_s:before, .mod_btn_l:before, .custom_select:before, .mod_select_content:before {
	border-width: 4px;
	border-style: solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-top-color: #fff;
	border-left-color: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	content: "";
}

/* 立体型デバイステキストボタン */
.mod_btn_all, .mod_btn_all_s {
	color: #fff;
}


/* ------------------------------------
	* ボタン・アイコン
* ------------------------------------ */
/* --------------------------
	* mod_btn, mod_btn_s
* -------------------------- */
.mod_btn_s {
	/*padding-top: 6px;
	padding-bottom: 6px;*/
}

/*.mod_btn_visited:visited {
	border-color: #823aba;
	color: #823aba;
}

.mod_btn_visited:visited:before {
	border-right-color: #f0e7f7;
	border-bottom-color: #f0e7f7;
}*/

.mod_btn_blue, .custom_select, .mod_select_content {
	border-color: #013b96;
	color: #013b96;
	/*-webkit-transform: scale(1, 1);*/
	
}


.mod_btn_blue:before, .custom_select:before, .mod_select_content:before {
	border-right-color: #e0e7f2;
	border-bottom-color: #e0e7f2;
}
.mod_select_content {
	padding: 4px;
}
.custom_select:after, .mod_select_content:after {
	margin-top: -4px;
	border: 7px solid transparent;
	border-top-color: #013b96;
	position: absolute;
	right: 18px;
	top: 50%;
	width: 0;
	height: 0;
	content: "";
	z-index: 10;
}

.mod_btn_green {
	border-color: #378900;
	color: #378900 !important;
}

.mod_btn_green:before {
	border-right-color: #e7f1e0;
	border-bottom-color: #e7f1e0;
}

.mod_btn_khaki {
	border-color: #9b802e;
	color: #9b802e !important;
}

.mod_btn_khaki:before {
	border-right-color: #f2ebd8;
	border-bottom-color: #f2ebd8;
}

/* --------------------------
	* mod_btn_l
* -------------------------- */
.mod_btn_l {
	padding-top: 16px;
	padding-bottom: 14px;
	width: 300px;
	font-size: 20px;
}

/*.mod_btn_l_area span {
	position: relative;
	left: 23px;
}

.mod_btn_l_time span {
	position: relative;
	left: 17px;
}

.mod_btn_box_c {
	margin-top: 30px;
	font-size: 0px;
	text-align: center;
}

.mod_btn_box_c p {
	margin: 0px 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
}*/

/* --------------------------
	* mod_btn_all, mod_btn_all_s
* -------------------------- */
.mod_btn_all_s {
	padding-top: 5px;
	padding-bottom: 7px;
}

.mod_btn_all_blue {
	border-color: #013b96;
	background-color: #013b96;
}

.mod_btn_all_blue:before {
	border-top-color: #295aa6;
	border-right-color: #002477;
	border-bottom-color: #002477;
	border-left-color: #0c439b;
}

.mod_btn_all_pink {
	border-width: 0;
	border-color: #ff48af;
	background-color: #ff48af;
}

.mod_btn_all_pink:before {
	border-top-color: #ff89cb;
	border-right-color: #e83f9d;
	border-bottom-color: #e83f9d;
	border-left-color: #ff5ab7;
}

.mod_btn_all_green {
	border-color: #378900;
	background-color: #4ab900;
}

.mod_btn_all_green:before {
	border-top-color: #7dcd48;
	border-right-color: #41a600;
	border-bottom-color: #41a600;
	border-left-color: #50bb09;
}

.mod_btn_all_yellow {
	border-color: #bc9f0b;
	color: #111;
	background-color: #f9d129;
}

.mod_btn_all_yellow:before {
	border-top-color: #fadc61;
	border-right-color: #e7c024;
	border-bottom-color: #e7c024;
	border-left-color: #f9d439;
}

.mod_btn_all_black {
	border-color: #484848;
	background-color: #484848;
}

.mod_btn_all_black:before {
	border-top-color: #7c7c7c;
	border-right-color: #2d2f2b;
	border-bottom-color: #2d2f2b;
	border-left-color: #4e4e4e;
}

.mod_btn_all_khaki {
	border-color: #887028;
	background-color: #c2a344;
}

.mod_btn_all_khaki:before {
	border-top-color: #cdb364;
	border-right-color: #aa8f3c;
	border-bottom-color: #aa8f3c;
	border-left-color: #cdb364;
}

/* --------------------------
	* mod_btn_gray
* -------------------------- */
.mod_btn_gray {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #013b96;
	background-color: #eff2f4;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/* --------------------------
	* mod_btn_append
* -------------------------- */
.mod_btn_append {
	display: table;
	margin: 0 auto;
	text-align: center;
}

.mod_btn_append_search {
	display: block;
	padding: 15px 60px 15px 62px;
}

.mod_btn_append_search .icon {
	display: block;
	min-height: 15px;
	padding: 0 0 0 20px;
	background: url(/static/sp/shared/images/icon/icn_btn_search_white.png) no-repeat left center;
	background-size: 15px 15px;
		-moz-background-size: 15px 15px;
		-webkit-background-size: 15px 15px;
	line-height: 1.4;
}

/* --------------------------
	* 戻るボタン
* -------------------------- */
.mod_btn_over {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	background-color: #e6e8ec;
}
.mod_btn_back {
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 30px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	border-radius: 24px;
	width: auto !important;
	/*width: 70px;
	min-width: 79px;*/
	color: #fff !important;
	background-color: #494949;
	background-image: url(/static/sp/shared/images/icon/arr_btn_back.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-size: 8px 14px;
	text-align: center;
	text-decoration: none;
}

/* --------------------------
	* mod_btn_search_shop
* -------------------------- */
.mod_btn_search_shop {
	display: table;
	margin: 0 auto;
	padding: 0 10px;
}

.mod_btn_search_shop .btn_inner {
	display: block;
	padding: 3px 10px 8px 8px;
	line-height: 1.4;
	text-align: left;
}

.mod_btn_search_shop .icon {
	display: block;
	padding: 10px 0 8px 38px;
	background: url(/static/sp/shared/images/icon/icn_link_apaman.png) no-repeat left center;
	-moz-background-size: 31px 31px;
	-webkit-background-size: 31px 31px;
	background-size: 31px 31px;
}

/* --------------------------
	* mod_btn_pic_l
* -------------------------- */
.mod_btn_pic_l {
	display: table;
	margin: 15px auto;
	padding: 0 10px;
}

.mod_btn_pic_l .btn_inner {
	display: block;
	padding: 8px 45px;
}

.mod_btn_pic_l span {
	display: block;
	line-height: 1.4;
}
.mod_btn_pic_l .icon {
	padding: 0 0 0 28px;
	background: url(/static/sp/shared/images/icon/icn_btn_search_blue.png) no-repeat left center;
	background-size: 22px 22px;
		-moz-background-size: 22px 22px;
		-webkit-background-size: 22px 22px;
	text-align: left;
}

/* --------------------------
	* mod_btn_add_studylist
* -------------------------- */
.mod_btn_add_studylist,
.mod_btn_add_studylist_active {
	display: table;
	margin: 15px auto;
	padding: 0 10px;
}

.mod_btn_add_studylist .btn_inner,
.mod_btn_add_studylist_active .btn_inner {
	display: block;
	padding: 0 25px 3px 25px;
}
.mod_btn_add_studylist_active .btn_inner {
	background: #f9d129;
}

.mod_btn_add_studylist_active a {
	color: #000000;
}

.mod_btn_add_studylist .icon,
.mod_btn_add_studylist_active .icon {
	display: block;
	padding: 12px 0 8px 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 27px 23px;
		-moz-background-size: 27px 23px;
		-webkit-background-size: 27px 23px;
	line-height: 1.4;
	text-align: left;
}
.mod_btn_add_studylist .icon {
	background-image: url(/static/sp/shared/images/icon/icn_btn_studylist.png);
}
.mod_btn_add_studylist_active .icon {
	background-image: url(/static/sp/shared/images/icon/icn_btn_studylist_active.png);
}

.mod_btn_add_studylist_active .mod_btn_blue {
	border-color: #f9d129;
}

/* --------------------------
	* mod_btn_line
* -------------------------- */
.mod_btn_line {
	padding: 0 10px;
	text-align: right;
}

/* --------------------------
	* mod_btn_line_inquiry
* -------------------------- */
.mod_btn_line_inquiry,
.mod_btn_line_inquiry_disabled {
	display: table;
	margin: 15px auto;
	padding: 0 10px;
}

.mod_btn_line_inquiry .btn_inner,
.mod_btn_line_inquiry_disabled .btn_inner {
	display: block;
	padding: 0 50px 3px 50px;
}

.mod_btn_line_inquiry .icon,
.mod_btn_line_inquiry_disabled .icon {
	display: block;
	padding: 10px 0 10px 40px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
		-moz-background-size: 30px 30px;
		-webkit-background-size: 30px 30px;
	line-height: 1.4;
	text-align: left;
}
.mod_btn_line_inquiry .icon {
	background-image: url(/static/sp/shared/images/icon/icn_btn_line.png);
}
.mod_btn_line_inquiry_disabled .icon {
	background-image: url(/static/sp/shared/images/icon/icn_btn_line_disabled.png);
}

.mod_btn_line_inquiry_disabled .mod_btn_green {
	border-color: #c6cad2;
	color: #c6cad2 !important;
}
.mod_btn_line_inquiry_disabled .mod_btn_green:before {
	border-color: #ffffff;
}

/* --------------------------
	* mod_btn_map
* -------------------------- */
.mod_btn_map {
	display: table;
	margin: 0 auto;
	padding: 3px 4px;
	border: 2px solid #a9914b;
	border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
	background: #cdb364;
	background: -moz-linear-gradient(top,  #cdb364 0%, #aa8f3c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdb364), color-stop(100%,#aa8f3c));
	background: -webkit-linear-gradient(top,  #cdb364 0%,#aa8f3c 100%);
	background: linear-gradient(to bottom,  #cdb364 0%,#aa8f3c 100%);
}

.mod_btn_map a {
	background: #c2a344;
	border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.mod_btn_map .btn_inner {
	display: block;
	padding: 0 20px;
}

.mod_btn_map .icon {
	display: block;
	padding: 5px 0 5px 15px;
	background: url(/static/sp/shared/images/icon/icn_btn_map.png) no-repeat left center;
	background-size: 10px 16px;
		-moz-background-size: 10px 16px;
		-webkit-background-size: 10px 16px;
}

/* --------------------------
	* mod_btn_tel_inquiry
* -------------------------- */
.mod_btn_tel_inquiry {
	display: table;
	margin: 15px auto;
	padding: 0 10px;
}

.mod_btn_tel_inquiry .btn_inner {
	display: block;
	padding: 0 50px 3px 50px;
}

.mod_btn_tel_inquiry .icon {
	display: block;
	padding: 10px 0 10px 35px;
	background: url(/static/sp/shared/images/icon/icn_btn_tel.png) no-repeat left center;
	background-size: 30px 30px;
		-moz-background-size: 30px 30px;
		-webkit-background-size: 30px 30px;
	line-height: 1.4;
	text-align: left;
}

/* --------------------------
	* mod_btn_web_inquiry
* -------------------------- */
.mod_btn_web_inquiry {
	display: table;
	margin: 15px auto;
	padding: 0 10px;
}

.mod_btn_web_inquiry .btn_inner {
	display: block;
	padding: 0 50px 3px 50px;
}

.mod_btn_web_inquiry .icon {
	display: block;
	padding: 10px 0 10px 35px;
	background: url(/static/sp/shared/images/icon/icn_btn_web.png) no-repeat left center;
	background-size: 30px 30px;
		-moz-background-size: 30px 30px;
		-webkit-background-size: 30px 30px;
	line-height: 1.4;
	text-align: left;
}

/* ------------------------------------
	* タイトル
* ------------------------------------ */
/* --------------------------
	* mod_ttl_xxxxx
* -------------------------- */
.mod_ttl_bar {
	margin-bottom: 15px;
	padding: 0 10px;
	padding-top: 17px;
	padding-bottom: 16px;
	/*padding-top: 14px;
	padding-bottom: 14px;*/
	position: relative;
	font-size: 16px;
	font-weight: bold;
}
.mod_ttl_bar_pink {
	color: #111;
	background-color: #ffdef1;
}
.mod_ttl_bar_pink strong {
	color: #ff48af;
}
.mod_ttl_bar_khaki {
	color: #111;
	background: #EDE2C8;
}
.mod_ttl_bar_grey {
	color: #111;
	background: #EFF2F4;
}

/* ------------------------------------
	* テキスト
* ------------------------------------ */
/* --------------------------
	* sup / sub
* -------------------------- */
.mod_txt_sup {
	position: relative;
	top: -.5em;
	font-size: 10px;
}
.mod_txt_sub {
	position: relative;
	top: .3em;
	font-size: 10px;
}

/* --------------------------
	* color
* -------------------------- */
.mod_txt_pink {
	color: #ff48b0;
}

/* --------------------------
	* bold / normal
* -------------------------- */
.mod_txt_bold {
	font-weight: bold;
}
.mod_txt_normal {
	font-weight: normal;
}

/* ------------------------------------
	* フォームオブジェクト
* ------------------------------------ */
/* --------------------------
	* テキスト入力
* -------------------------- */
input[type="text"],
textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #0A3F94;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 13px;
	font-size: 12px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 5px 0px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 3px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 3px 0px inset;
	vertical-align: middle;
	color: #898989;
	-webkit-transform: scale(1, 1);
	/*width: 100%;
	margin-right: -13px;*/
}
/* --------------------------
	* 必須
* -------------------------- */
.mod_required {
	font-size: 12px;
	font-weight: bold;
	color: #FB49AE;
	background-color: #FFF;
	text-align: center;
	min-width: 35px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 10px;
}



/* ------------------------------------
	* 汎用モジュール
* ------------------------------------ */

/* --------------------------
	* 画像置換用
* -------------------------- */
.mod_sprite {
	display: block !important;
	width: 100% !important;
	font-size: 0px !important;
	text-indent: 100% !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}

/* ------------------------------------
	* リスト
* ------------------------------------ */
/* --------------------------
	* mod_list_xxxxx
* -------------------------- */

/* ------------------------------------
	* 表
* ------------------------------------ */
/* --------------------------
	* mod_table
* -------------------------- */
.mod_table {
	width: 100%;
	margin: 0 0 10px 0;
	background-color: #fff;
}

.mod_table th,
.mod_table td {
	font-size: 12px;
	vertical-align: top;
}

.mod_table caption {
	padding: 0 10px 8px 10px;
	font-size: 12px;
	text-align: left;
}
.mod_table caption .ttl_caption {
	display: inline;
	margin: 0 12px 0 0;
	font-size: 16px;
	font-weight: bold;
}

.mod_table .mod_cell_nowrap {
	white-space: nowrap;
}

/* --------------------------
	* mod_table_row
* -------------------------- */
.mod_table_row {
	border-collapse: separate;
	border-spacing: 0 1px;
	border-bottom: 1px solid #d3d8e3;
}

.mod_table_row tr {
	border-top: 1px solid #d3d8e3;
}

.mod_table_row th,
.mod_table_row td {
	border-top: 1px solid #d3d8e3;
	line-height: 1.6;
}

.mod_table_row th {
	width: 30%;
	background: #ede4c7;
}

.mod_table_row .cell_inner {
	border-top: 1px solid #ffffff;
	padding: 5px 10px;
}
.mod_table_row th .cell_inner {
	border-left: 1px solid #ffffff;
}

/* --------------------------
	* mod_table_col
* -------------------------- */
.mod_table_col {
}

/* ------------------------------------
	* flipsnap.js
* ------------------------------------ */
.mod_box_slider {
	overflow: hidden;
}

.mod_box_slider .viewport {
	position: relative;
	width: 100%;
	/*overflow: hidden;
	-webkit-transform: translateZ(0);*/
}

.mod_box_slider .flipsnap:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.mod_box_slider .flipsnap li {
	float: left;
}

/* --------------------------
	* controls
* -------------------------- */
.mod_box_slider .controls button {
	position: absolute;
	top: 50%;
	padding: 0;
	border: none;
	background: none;
	/*text-indent: -9999px;
	cursor: pointer;
	z-index: 200;*/
}
.mod_box_slider .controls button.prev {
	left: 0;
}
.mod_box_slider .controls button.next {
	left: auto;
	right: 0;
}

.mod_box_slider .controls button:after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	background-repeat: no-repeat;
	/*z-index: 200;*/
}

/* --------------------------
	* pointer
* -------------------------- */
.mod_box_slider .pointer {
	text-align: center;
}

.mod_box_slider .pointer span {
	width: 10px;
	height: 10px;
	margin: 0 2px;
	display: inline-block;
	background: #eff2f4;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	box-shadow: 0 2px 0 0 #c1c2c4 inset;
}

.mod_box_slider .pointer span.current {
	background: #ff48af;
	box-shadow: none;
}

/* ------------------------------------
	* modal window
* ------------------------------------ */
#lean_overlay {
	background: none repeat scroll 0 0 #000;
	display: none; /* 初期状態：非表示 */
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	overflow: hidden;
}

.mod_modal {
	display: none; /* 初期状態：非表示 */
	position: absolute;
}
.mod_modal .box_inner {
	padding: 15px 10px;
}

.mod_modal .btn_close {
	width: 45px;
	position: absolute;
	right: -5px;
	top: -25px;
	overflow: hidden;
}
.mod_modal .modal_close .btn_inner {
	width: 45px;
	height: 45px;
	background: url(/static/sp/shared/images/icon/icn_modal_close.png) no-repeat left top;
	background-size: 45px 45px;
		-moz-background-size: 45px 45px;
		-webkit-background-size: 45px 45px;
}

.mod_modal_maxwd { /* 横幅100%の場合 */
	width: 100%;
}

/* ------------------------------------
	* 汎用クラス
* ------------------------------------ */
.cfx {
	overflow: hidden;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.ta_r {
	text-align: right !important;
}

.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt16 {
	margin-top: 16px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt24 {
	margin-top: 24px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb24 {
	margin-bottom: 24px !important;
}
.ml30 {
	margin-left: 30px !important;
}

.mtb5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.mrl40 {
	margin: 0 40px !important;
}

.pl14 {
	padding-left: 14px !important;
}

.p0 {
	padding: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}
.pt10 {
	padding-top: 10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}

/*############################################
	電話ボタンが赤色バージョン。緑色に戻す場合は
	以下の記述を削除してください。
#############################################*/
/* sp/article/detail.html
--------------------------------------*/
/*コンテンツの中のボタン*/
#contentMain > .sec_detail_main + .sec_detail_data + .sec_detail_shop .box_detail_shopinfo .box_detail_shopinfo_inner .box_inquiry .list_inquiry .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green {
	border-color: #d3210d;
	background-color: #ec382f;
}
#contentMain > .sec_detail_main + .sec_detail_data + .sec_detail_shop .box_detail_shopinfo .box_detail_shopinfo_inner .box_inquiry .list_inquiry .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}
/*フローティングの中のボタン	*/
#contentMain > .sec_detail_main + .sec_detail_data + .sec_detail_shop + #fixedSearchBtn > .mod_box_area .mod_btn_all.mod_btn_all_green {
	border-color: #d3210d;
	background-color: #ec382f;
}
#contentMain > .sec_detail_main + .sec_detail_data + .sec_detail_shop + #fixedSearchBtn > .mod_box_area .mod_btn_all.mod_btn_all_green:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}
/*モーダルの中のボタン*/
#contentMain > .sec_detail_main + .sec_detail_data + .sec_detail_shop > .box_detail_shopinfo + #shopinfo_tel00 .box_inner .box_detail .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green {
	border-color: #d3210d;
	background-color: #ec382f;
}
#contentMain > .sec_detail_main + .sec_detail_data + .sec_detail_shop > .box_detail_shopinfo + #shopinfo_tel00 .box_inner .box_detail .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}
#contentMain > .sec_detail_main + .sec_detail_data + .sec_detail_shop .box_detail_shopinfo .box_detail_shopinfo_inner + .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green.tel_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
#contentMain > .sec_detail_main + .sec_detail_data + .sec_detail_shop .box_detail_shopinfo .box_detail_shopinfo_inner + .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green.tel_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}

/* /article/map.htmlと/shop/map.html
bodyのクラス(article_simple_type map)で出し分け
--------------------------------------*/
#pagetop.article_simple_type.map .box_detail_shopinfo_inner .mod_btn_all.mod_btn_all_green,
#pagetop.article_simple_type.map .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_all.mod_btn_all_green.tel_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
#pagetop.article_simple_type.map .box_detail_shopinfo_inner .mod_btn_all.mod_btn_all_green:before,
#pagetop.article_simple_type.map .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_all.mod_btn_all_green.tel_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}

/* /sp/shop/detail.html
#containerWrapperのクラス(shop detail)で出し分け
--------------------------------------*/
#containerWrapper.shop.detail .sec_detail_shop.bdr_none .mod_btn_all.mod_btn_all_green,
#containerWrapper.shop.detail .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_all.mod_btn_all_green.tel_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
#containerWrapper.shop.detail .sec_detail_shop.bdr_none .mod_btn_all.mod_btn_all_green:before,
#containerWrapper.shop.detail .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_all.mod_btn_all_green.tel_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}

/* /sp/shop/result_area.htmlと/sp/shop/result_line.html
#containerWrapperのクラス(shop result_area)で出し分け
--------------------------------------*/
#containerWrapper.shop.result_area .sec_detail_shop .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green,
#containerWrapper.shop.result_area .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_all.mod_btn_all_green.tel_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
#containerWrapper.shop.result_area .sec_detail_shop .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green:before,
#containerWrapper.shop.result_area .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_all.mod_btn_all_green.tel_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}

/* /sp/inquiry/bukken/index.html
#containerWrapperのクラス(inquiry bukken index)で出し分け
--------------------------------------*/
#containerWrapper.inquiry.bukken.index .btn_contact .mod_btn_all.mod_btn_all_green,
#containerWrapper.inquiry.bukken.index .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_all.mod_btn_all_green.tel_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
#containerWrapper.inquiry.bukken.index .btn_contact .mod_btn_all.mod_btn_all_green:before,
#containerWrapper.inquiry.bukken.index .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_all.mod_btn_all_green.tel_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}
/*▼本リリース版追加*/
/* /sp/article/index.html */
#containerWrapper.article_index .box_detail_shopinfo .box_inquiry .list_inquiry .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green.modal_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
#containerWrapper.article_index .box_detail_shopinfo .box_inquiry .list_inquiry .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green.modal_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}
#containerWrapper.article_index .box_detail_shopinfo .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green.tel_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
#containerWrapper.article_index .box_detail_shopinfo .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green.tel_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}

/* /sp/article/detail.html ----------------*/
.article_detail .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green.modal_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
.article_detail .mod_modal.mod_modal_fix.box_modal_tel .mod_btn_tel_inquiry .mod_btn_all.mod_btn_all_green.modal_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}
/*画面下の固定ボタン*/
.article_detail #fixedSearchBtn .mod_btn_all.mod_btn_all_green.modal_link {
	border-color: #d3210d;
	background-color: #ec382f;
}
.article_detail #fixedSearchBtn .mod_btn_all.mod_btn_all_green.modal_link:before {
	border-top-color: #f06e6b;
	border-right-color: #cd3126;
	border-bottom-color: #cd3026;
	border-left-color: #eb3d34;
}

/*###########   ▲電話ボタン赤バージョン終わり▲   ##############*/